﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelpList.aspx.cs" Inherits="SGDemo.Web.HelpList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>在线帮助 - 辉煌装修信息管理系统</title>
    <link href="../Styles/Help/reset.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/Help/common.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <style type="text/css">
        .c-pager
        {
            padding-top: 20px;
            padding-bottom: 10px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $('#searchBox').focus(function () {
                if ($(this).val() == '请输入关键字，如：找回密码')
                    $(this).val('').css('color', '#000');
            }).blur(function () {
                if ($(this).val() == '')
                    $(this).val('请输入关键字，如：找回密码').css('color', '#999');
            });


            var $category = $('#category');

            $category.data('curItem', null);
            $category.data('items', $('[data-role=categoryItem]', $category));
            $category.data('items').each(function () {
                var $me = $(this),
            $title = $('[data-role=categoryItemTitle]', this);

                $me.data('category', $category);
                $me.data('title', $title);

                $title.data('item', $me);

                if ($me.hasClass('active'))
                    $category.data('curItem', $me);

                $title.click(function () {
                    var $me = $(this),
                $item = $me.data('item');
                    var $tmp;

                    if ($item.hasClass('active')) {
                        $item.removeClass('active');
                        $item.addClass('inactive');
                        $category.data('curItem', null);
                    }
                    else {
                        $tmp = $category.data('curItem');
                        if ($tmp) {
                            $tmp.removeClass('active');
                            $tmp.addClass('inactive');
                        }

                        $item.removeClass('inactive');
                        $item.addClass('active');
                        $category.data('curItem', $item);
                    }
                });
            });
        }); 
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="wrap">
        <!-- block nav -->
        <div class="header">
            <a class="logo pt" href="?s=default&a=view">Test</a>
            <div class="topmenu">
                <a href="#">系统登录</a> | <a target="_blank" href="#">找回密码</a> | <a target="_blank"
                    href="#">联系管理员</a>
            </div>
            <!-- topmenu end -->
        </div>
        <!-- header end -->
        <form id="searchForm" method="post" target="_blank" action="?s=comquestionsearch&a=view">
        <div class="nav clearfix">
            <a href="#" class="">首页</a> <a href="#" class="">常见问题</a>
            <%--<a href="?s=askquestion&a=view" class="">在线答疑</a> 
            <a target="_blank" href="http://emarketing.sina.com.cn/">
                    广告</a>--%>
            <div class="nav-search clearfix">
                <input name="title" id="searchBox" class="nav-search-box" type="text" value="请输入关键字，如：找回密码" />
                <input class="nav-search-btn pt" type="submit" value="" />
            </div>
        </div>
        <!-- nav end -->
        </form>
        <script type="text/javascript">

            $(function () {

                /* liuxiaolong.fix5 begin */

                $('#searchForm').bind('submit', function (e) {

                    var v = $.trim($('#searchBox').val());

                    if (v == '' || v == '������ؼ��֣��磺�һ����롢΢��ע��' || v == '��') {

                        e.preventDefault();

                        alert('��������������');

                    }

                });

            }); 

        </script>
        <!-- block nav -->
        <div class="main clearfix">
            <div class="main-lt">
                <div class="lt-tp-line">
                </div>
                <div class="common-cont1">
                    <div class="bio">
                        <div class="bio-t clearfix">
                            <img src="../Images/Help/icon-vipmail.png" />
                            <span>系统帮助</span>
                        </div>
                        <!-- liuxiaolong.fix3 -->
                        <div class="bio-cont">
                            全新品质之选 保障之选 全新系统架构 全新稳定服务 简单易用 即时消息待办提醒
                        </div>
                    </div>
                    <!-- bio end -->
                    <div class="flcz">
                        <div class="flcz-t">
                            分类查找</div>
                        <div class="category" id="category">
                            <asp:Repeater ID="rptHelpCategory" runat="server">
                                <ItemTemplate>
                                    <div class="cate-i inactive" data-role="categoryItem">
                                        <div class="cate-t" data-role="categoryItemTitle">
                                            <div class="cate-t-in">
                                                <h2>
                                                    <%#Eval("HelpCategoryName")%></h2>
                                            </div>
                                            <span class="icon"></span>
                                        </div>
                                        <div class="cate-c" data-role="categoryItemCont">
                                            <ul>
                                                <asp:Repeater ID="rptPages" runat="server" DataSource='<%# GetHelpByCatogoryKeyid(Eval("Keyid").ToString())  %>'>
                                                    <ItemTemplate>
                                                        <li class=" "><a href="?HelpCategoryKeyid=<%#Eval("Keyid")%>">
                                                            <%#Eval("HelpCategoryName")%>
                                                        </a></li>
                                                    </ItemTemplate>
                                                </asp:Repeater>
                                            </ul>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                        <!-- category end -->
                    </div>
                    <!-- category end -->
                </div>
                <div class="lt-bt-line">
                </div>
            </div>
            <!-- main left end -->
            <div class="main-rt">
                <div class="crumbs">
                    您的位置: <a href="?s=default&a=view">帮助中心</a> > <a href="?s=commonquestion&a=view">常见问题</a>
                    > <a href="?s=commonquestion&a=subview&productid=3"><asp:Label ID="catogoryNameID" ClientIDMode="Static" runat="server"></asp:Label></a> > 
                    <a href="?s=commonquestion&a=subview&productid=3&classid=162">
                        <asp:Label ID="categoryNameChildID" ClientIDMode="Static" runat="server"></asp:Label></a>
                </div>
                <!-- crumbs end -->
                <div class="common-cont2">
                    <div class="common-title1">
                        全部问题类别</div>
                    <ul class="common-list1">
                            <asp:Repeater ID="rpHelpQuestion" runat="server">
                                <ItemTemplate>
                                        <li><a href="HelpItem.aspx?Keyid=<%#Eval("Keyid")%>&CategoryKeyid=<%#Eval("HelpCategoryKeyid")%>" target="_self">  <%#Eval("Title")%></a></li>       
                                </ItemTemplate>
                            </asp:Repeater>
                    </ul>
                    <!-- liuxiaolong.fix1 ֮ǰд��ul�ˣ�û�պϱ�ǩ -->
                    <div class="c-pager">
                        <table>
                            <tr>
                                <td>
                                    <style>
                                        /*  */
                                        
                                        .pagebox
                                        {
                                            overflow: hidden;
                                            zoom: 1;
                                            font-size: 12px;
                                            font-size: 12px;
                                            font-family: Arial;
                                        }
                                        
                                        .pagebox span
                                        {
                                            float: left;
                                            margin-right: 4px;
                                            overflow: hidden;
                                            text-align: center;
                                            background: #fff;
                                        }
                                        
                                        .pagebox span a
                                        {
                                            display: block;
                                            overflow: hidden;
                                            zoom: 1;
                                            _float: left;
                                        }
                                        
                                        .pagebox span.pagebox_all_num
                                        {
                                            padding: 0 5px;
                                            height: 21px;
                                            line-height: 21px;
                                            color: #8e9197;
                                            cursor: default;
                                            background: none;
                                        }
                                        
                                        .pagebox span.pagebox_pre_nolink
                                        {
                                            border: 1px #e8e8ec solid;
                                            height: 21px;
                                            line-height: 21px;
                                            padding: 0 9px 0 20px;
                                            color: #dcdcdc;
                                            background: url(../Images/Help/content_page_box_bg_1.gif) no-repeat 0 0 #fff;
                                            cursor: default;
                                        }
                                        
                                        .pagebox span.pagebox_pre
                                        {
                                            color: #333;
                                            height: 23px;
                                        }
                                        
                                        .pagebox span.pagebox_pre a, .pagebox span.pagebox_pre a:visited
                                        {
                                            border: 1px #dcdcdc solid;
                                            color: #333;
                                            text-decoration: none;
                                            padding: 0 9px 0 20px;
                                            background: url(../Images/Help/content_page_box_bg_1.gif) no-repeat 0 -50px;
                                            cursor: pointer;
                                            height: 21px;
                                            line-height: 21px;
                                        }
                                        
                                        .pagebox span.pagebox_pre a:hover, .pagebox span.pagebox_pre a:active
                                        {
                                            color: #fff;
                                            background: url(../Images/Help/content_page_box_bg_1.gif) no-repeat 0 -100px #8e9197;
                                            border: 1px #8e9197 solid;
                                        }
                                        
                                        .pagebox span.pagebox_num_nonce
                                        {
                                            padding: 0 5px;
                                            height: 21px;
                                            line-height: 21px;
                                            color: #8e9197;
                                            cursor: default;
                                            background: none;
                                        }
                                        
                                        .pagebox span.pagebox_num
                                        {
                                            color: #333;
                                            height: 23px;
                                        }
                                        
                                        .pagebox span.pagebox_num a, .pagebox span.pagebox_num a:visited
                                        {
                                            border: 1px #dcdcdc solid;
                                            color: #333;
                                            text-decoration: none;
                                            padding: 0 6px;
                                            cursor: pointer;
                                            height: 21px;
                                            line-height: 21px;
                                        }
                                        
                                        .pagebox span.pagebox_num a:hover, .pagebox span.pagebox_num a:active
                                        {
                                            color: #fff;
                                            border: 1px #8e9197 solid;
                                            background: #8e9197;
                                        }
                                        
                                        .pagebox span.pagebox_num_ellipsis
                                        {
                                            color: #8e9197;
                                            width: 26px;
                                            background: none;
                                        }
                                        
                                        .pagebox span.pagebox_next_nolink
                                        {
                                            border: 1px #e8e8ec solid;
                                            height: 21px;
                                            line-height: 21px;
                                            padding: 0 20px 0 9px;
                                            color: #dcdcdc;
                                            background: url(../Images/Help/content_page_box_bg_1.gif) no-repeat 100% -25px #fff;
                                            cursor: default;
                                        }
                                        
                                        .pagebox span.pagebox_next a, .pagebox span.pagebox_next a:visited
                                        {
                                            border: 1px #dcdcdc solid;
                                            color: #333;
                                            text-decoration: none;
                                            padding: 0 20px 0 9px;
                                            background: url(../Images/Help/content_page_box_bg_1.gif) no-repeat 100% -75px;
                                            cursor: pointer;
                                            height: 21px;
                                            line-height: 21px;
                                        }
                                        
                                        .pagebox span.pagebox_next a:hover, .pagebox span.pagebox_next a:active
                                        {
                                            color: #fff;
                                            background: url(../Images/Help/content_page_box_bg_1.gif) no-repeat 100% -125px #8e9197;
                                            border: 1px #8e9197 solid;
                                        }
                                    </style>
                                    <span class="pagebox"><span class="pagebox_all_num">共1页</span> <span class="pagebox_pre_nolink">
                                        上一页</span> <span class="pagebox_num_nonce">1</span> <span class="pagebox_next_nolink">
                                            下一页</span></span> &nbsp;
                                </td>
                                <td>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!-- liuxiaolong.fix1 ��������Ϊ��������� -->
                    <!--<div class="c-pager"> <table cellpadding="0" cellspacing="0"><tbody><tr><td><div> 
                        <a href="#" class="c-pager-pn">��һҳ</a>
                        <a href="#">1</a>
                        <a class="cur" href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                        <a href="#">5</a>
                        <a href="#" class="c-pager-pn">��һҳ</a>
                    </div></td> </tr> </tbody> </table></div>-->
                    <!-- c pager end -->
                </div>
                <!-- common-list1 end -->
            </div>
            <!-- main right end -->
        </div>
        <!-- main end -->
        <div class="footer">
            <p>
                <a href="http://solutiongear.net/abaoutus/">神冠简介</a> | <a href="http://solutiongear.net/contactus/">
                    联系我们</a>
            </p>
            <p style="font-family: Arial;">
                Copyright &copy; 2011 - 2012 SolutionGear Corporation, All Rights Reserved</p>
            <p class="footer-p2">
                神冠软件 <a target="_blank" href="http://home.sina.com.cn/intro/copyright.shtml">版权所有</a></p>
        </div>
        <!-- footer end -->
    </div>
    <!-- end wrap -->
    </form>
</body>
</html>
